
/*body{
	font-family: "PingFang SC", "Helvetica Neue", 'Helvetica', "Microsoft YaHei", 'SimHei',sans-serif;
}*/

body {
    font-family:"PingFang SC", "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.fl{ float: left;}
.fr{ float: right;}
.none{ display: none;}
.width90{width: 90%}
html{ font-size:16px;}
.header .his-back{display: none;}
.cc-title{overflow: hidden;}
.cc-title h2{font-size: 1.65rem;font-weight: normal;}
.cc-title .btn-large{font-size: 1.12rem;padding: .35rem .85rem;position: relative;top:.65rem; }
.activitylist {
    padding: 10px;clear: both;
    
}
.activitylist li
{
    margin-top: 10px;
     display: flex;
     margin-bottom: 2rem;
}
.acimg{width: 3rem;height: 3rem;border-radius: 50%;background: #e6e6e6;}
.acimg img{width: 3rem;height: 3rem;border-radius: 50%;}
.acmain{flex: 1;margin-left: 1rem;}
.activitylist li p {
    margin-top: 10px;
}
.no-img .acimg{background-color:#ffffff;}
.line_02{margin: 0 auto; text-align: center;  height: 1px;background: #e0e0e0;width: 80%;}
.line_02 span{position: relative;
    top: -10px;
    background: #fff;
    padding: 0 5px;}
.ccm-top{border-bottom: 1px solid #e0e0e0;color: #7f7f7f;}
.ccmt-t{overflow: hidden;}
.ccmt-date{padding-bottom: .55rem;}
.ccm-bottom{padding-top: .55rem;}
.button{display:inline-block;text-align:center;font:bold 16px/25px Arial;text-shadow: 1px 1px 1px rgba(0,0,0, .22);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.green{color:#fefefe;background:#99cc66;border:none; border-radius:1rem;}
.width80{width: 80%}
.ct-name{font-size: 1rem; color: #adadad;}
.ct-num,.ccmt-date{font-size: .85rem; color: #7f7f7f;}
.acmain p{color: #575757;font-size: .85rem;}

.d-title{text-align: left;font-size: 1.85rem; color: #333333; font-weight: bold;line-height: 2.5rem; margin: 0 auto; padding-bottom: 1rem; border-bottom: 1px solid #e0e0e0; margin-top: .78rem;}
.d-star{margin: 0 auto; text-align: center; margin-top: 1rem;margin-bottom:1.55rem;}
.d-content{color: #333333; font-size: 1rem;line-height: 1.75rem;}





.his-back{font-size: 2rem; color: #333;}

.ct-tip{display: inline-block; width: .25rem; background: #70a95b; height: 1.2rem; border-radius: .25rem; position: relative; margin-right: .25rem;top:.15rem}

.c-audio{padding-bottom: 1.2rem;margin-bottom: .75rem;border-bottom: 1px solid #e0e0e0;margin-top: 2rem;}


/*//音频样式*/
.audio-wrapper {
    background-color: #fcfcfc;
    margin: 10px auto;
    max-width: 670px;
    height: 70px;
   
}

.audio-bottom {
   
    text-align: center;
    width: 100%;
    height: 100%;
}

.audio-bottom img {
    width: 40px;
    position: relative;
    top: 15px;
    margin: 0;
    display: initial;   /* 解除与app的样式冲突 */
    cursor: pointer;
}
.audio-kz{display: flex;}
.time-now{flex:1}
.time-end{flex:1}
.audio-top{
    margin-right:1rem;
     margin-left:1rem;
     margin-top:.45rem;
    width: 70%;
    height: 100%;
}

.audio-top p {
    font-size: 15px;
    height: 35%;
    margin: 8px 0;

    /* 歌曲名称只显示在一行，超出部分显示为省略号 */
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 243px;   /* 要适配小屏幕手机，所以最大宽度先设小一点，后面js根据屏幕大小重新设置 */    
}

.progress-bar-bg {
    background-color: #d9d9d9;
    position: relative;
    height: 2px;
    cursor: pointer;
}

.progress-bar {
    background-color: #70a95b;
    width: 0;
    height: 2px;
}

.progress-bar-bg span {
    content: " ";
    width: 12px;
    height: 12px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    background-color: #70a95b;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -5px;
    margin-left: -5px;
    cursor: pointer;
}

.audio-time {
    overflow: hidden;
    margin-top: -1px;
}

.audio-length-total {
    float: right;
    font-size: 12px;
}

.audio-length-current {
    float: left;
    font-size: 12px;
}

.audio-img{width: 60%; margin: 0 auto;text-align: center;}
.audio-bottom{display: flex;}
.ab-item{flex: 1;}
.audio-desc{text-align: center;}
.audio-desc h1{color: #333333; font-size: 1.48rem; text-align: center;}
.audio-desc p{color: #7f7f7f; font-size: 1.15rem; text-align: center;}
.abi-1{position: relative; top:1rem; }
.abi-1,.abi-1 a{color: #7F7F7F;}
.abi-1 p{font-size: .85rem}
.abi-1 .fa{font-size: 1rem;}

.header{display: flex;}
.header .his-back,.header .share{/*flex: 1*/;top: .85rem;position: relative;}
.header h1{font-size: 1.35rem; text-align: center; flex: 2;}
.header .share{ text-align: right;font-size: 1.25rem;top:1.25rem;}

/*.thim-desc{width: 65%;}
.thim-img{width:35%;}*/
.thii-main{display:flex;}
.thim-desc{margin-right: 3rem;flex: 2;}
.thim-desc h1{color: #333333;font-size: 1.75rem;}
.thim-desc h2{color: #80c26a;font-size: 1.35rem;}
.thim-desc p{color: #999999;font-size: .95rem;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp:2;
overflow: hidden;}

.thim-img{ text-align: right;border-radius: 10%;width: 8rem; height: 8rem;flex: 1;}
.thim-img img{border-radius: 10%;position: relative; top: 1rem;height: 8rem;width: 8rem;}

.bg-tip{background: #eeeeee; min-height: .75rem; width: 100%; margin: 1rem 0;}
.fs-p18{font-size: 1.35rem;}
.fs-p13{font-size: .85rem;}
.fs-p16{font-size: 1.05rem;}
.fmi-img,.fmi-desc{display: inline-block; margin-right: .35rem;}
.fmi-img,.fmi-img img{border-radius: 50%; width: 3rem; height: 3rem;}
.fmi-img{/*background: #cccccc;*/text-align: center;line-height: 3rem;}
.fmi-img .fa-user{color: #999999; font-size: 2rem; position: relative; top:.35rem}
.fmi-desc{padding-top: .55rem; margin-top: .55rem;position: relative; top: .65rem;}
.fmi-n{color: #333333;}
.fmi-t{color: #999999;margin-top: .25rem;}

.fq-info{margin-top: .75rem; font-size: 1rem;}
.fq-info a{color:#80c26a ;}
.qulist{position: relative;bottom: 1rem;}
.mt1{margin-top: .25rem;}
.qu-main{position: relative;top: .95rem;}

.qu-btn{margin-top: 3rem;}
.qu-btn .btn-large{padding: .45rem 3rem;border-radius: 1rem;}
.qulist li{clear: both;}
/*列表*/

/*0924*/
.noclick{
    pointer-events: none;
}
.cc-title h2{font-size: 1.45rem!important;font-weight: normal;}
.acimg img {
    width: 1.95rem!important;
    height: 1.95rem!important;
    border-radius: 50%;
}
.acimg {
    width: 1.95rem!important;
    height: 1.95rem!important;
    border-radius: 50%;
    background: #e6e6e6;
}
.buylayer{position: fixed; bottom: 0; height:4rem;border-top: 1px solid #F5F5F6;    width: 100%;}
.blitem{text-align: center; height:4rem; line-height:4rem;float: left; width: 50%;font-size:1.25rem; background: #FFFFFF;}
.bl2{background: #70a95b;}
.bl2{color: #FFFFFF!important;}
.blitem img{width: 2rem;}